<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />

		<title>长沙县卫计委数据安全解决方案</title>

		<meta name="keywords" content="数据安全解决方案,数据安全网关" />

		<meta name="description" content="专业数据安全解决方案" />

		<meta name="viewport" content="width=device-width, initial-scale=1.0" />



		<!-- basic styles -->



		<link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet" />

		<link rel="stylesheet" th:href="@{/bootstrap/font-awesome/css/font-awesome.css}" />



		<!--[if IE 7]>

		<link rel="stylesheet" th:href="@{/css/font-awesome-ie7.min.css}"/>

		<![endif]-->

		<!-- gds styles -->



		<link rel="stylesheet" th:href="@{/css/gds.min.css}" />

		<link rel="stylesheet" th:href="@{/css/gds-rtl.min.css}" />



		<!--[if lte IE 8]>

		<link rel="stylesheet" th:href="@{/css/gds-ie.min.css}"/>

		<![endif]-->



		<!-- inline styles related to this page -->



		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->



		<!--[if lt IE 9]>

		<script th:src="@{/js/html5shiv.js}"></script>

		<script th:src="@{/js/respond.min.js}"></script>

		<![endif]-->
	</head>



	<body class="login-layout">
	<div class="nav-header">
		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="navbar-inner-main">
					<img th:src="@{/images/logo.png}" height="39" width="90" style="margin-top:10px;margin-bottom:10px;padding-left: 30px;" class="pull-left"/>
					<span style="float: left;padding:10px 20px 10px;margin-top: 5px;text-shadow: 1px 0 1px rgba(0,0,0,0.25); margin-left: -20px; font-size: 20px; font-weight: 200; color: #ffffff;">GAFF数据安全解决方案 </span>
					<!-- /.nav-collapse -->
				</div>
			</div>
			<!-- /navbar-inner -->
		</div>
	</div>
	<div style="margin: 10vh 0 20px;"></div>

	<div class="main-container">

		<div class="main-content">

			<div class="row">


				<div class="col-md-12 col-sm-offset-1">

					<div class="">
						<!--<div class="nav-header">
							<div class="navbar navbar-fixed-top">
								<div class="navbar-inner">
									<div class="navbar-inner-main">
										<img src="../statics/images/logo.png" height="49" width="90" style="padding-left: 30px;" class="pull-left"/>
										<a class="brand">长沙县卫计局数据安全解决方案 </a>
										&lt;!&ndash; /.nav-collapse &ndash;&gt;
									</div>
								</div>
								&lt;!&ndash; /navbar-inner &ndash;&gt;
							</div>
						</div>-->
						<div class="spgds-8"></div>
						<div class="">
							<div class="col-md-7" style="margin-left: -10vh;">
								<img th:src="@{/images/safe.png}" style="width: 100%;"/>
							</div>
							<div class="col-md-4">
								<div class="position-relative">
									<div id="login-box" class="login-box visible widget-box no-border">

										<div class="widget-body" style="height: 65vh;">

											<div class="widget-main" style="height: 90%;min-height: 250px;">

												<h4 class="header blue lighter bigger">

													<i class="icon-coffee green"></i>

													登录
												</h4>

												<div class="spgds-6"></div>

												<form id="loginFm" style="height: 100%;" method="post">

													<fieldset>
														<div class="spgds-6"></div>

														<label class="block clearfix">

															<span class="block input-icon input-icon-right">

																<input type="text" id="loginName" name="loginName" class="form-control" placeholder="请输入登录账号" />

																<i class="icon-user"></i>

															</span>

														</label>

														<div class="spgds-6"></div>

														<label class="block clearfix">

													<span class="block input-icon input-icon-right">

														<input type="password" name="loginPwd" class="form-control" placeholder="请输入用户密码" />

														<i class="icon-lock"></i>

													</span>

														</label>



														<div class="error" style="color: #ff0000;"></div>


														<div class="spgds-6"></div>
														<div class="clearfix">

															<label class="inline">

																<input type="checkbox" name="ifRemember" value="1" class="gds" />

																<span class="lbl"> 记住我</span>

															</label>


															<button type="submit" id="login" class="width-35 pull-right btn btn-sm btn-primary">

																<i class="icon-key"></i>

																登录

															</button>

														</div>



														<div class="spgds-4"></div>

													</fieldset>

												</form>

											</div><!-- /widget-main -->



											<div class="toolbar clearfix">

												<!--<div>
													<a onclick="forget_pwd()" class="forgot-password-link">
														<i class="icon-arrow-left"></i>
														忘记密码
													</a>
												</div>-->
												<div>
													<a th:href="@{/register}" class="user-signup-link">
														注册
														<i class="icon-arrow-right"></i>

													</a>

												</div>

												<!--<div>

													<a href="#" onclick="show_box('signup-box'); return false;" class="user-signup-link">


														<i class="icon-arrow-right"></i>

													</a>

												</div>-->

											</div>

										</div><!-- /widget-body -->

									</div><!-- /login-box -->

								</div><!-- /position-relative -->
							</div>

							<div class="col-md-1"></div>
						</div>

					</div>

				</div><!-- /.col -->

			</div><!-- /.row -->

		</div>

	</div><!-- /.main-container -->

	<div style="margin: 10vh 0 20px;"></div>
	<div class="center" style="color: #ffffff;">&copy;湖南格凡安信科技有限公司版权所有2017-2018</div>

	<!-- basic scripts 111-->
	<!--[if !IE]> -->
	<script th:src="@{/js/jquery/jquery-2.1.1.js}"></script>

	<!-- <![endif]-->

	<!--[if IE]>

	<script th:src="@{/js/jquery/jquery.min.js}"></script>

	<![endif]-->

	<script th:src="@{/js/jquery/jquery.form.js}"></script>

	<!--<script type="text/javascript">
        /*if("ontouchend" in document) document.write("<script src='/static/js/jquery/jquery.mobile.custom.min.js'>");*/
	</script>-->



	<!-- inline scripts related to this page -->



	<script type="text/javascript">

		function show_box(id) {

		 jQuery('.widget-box.visible').removeClass('visible');

		 jQuery('#'+id).addClass('visible');

		}

	</script>
	<script th:inline="javascript">
        var contextPath =[[${#httpServletRequest.getContextPath()}]];
	</script>
	<script>
        forget_pwd = function () {

        };
		$(document).ready(function () {
		    $('input').on("click" , function () {
				$(".error").text('');
            })
            $("#loginFm").submit(function () {
                $(this).ajaxSubmit({
                    type:'POST',
                    url:contextPath +'/login',
                    data:$("#loginFm").serialize(),
                    success : function (data) {
                        //<![CDATA[
                        if (null != data) {
                            //console.log(data.success)
                            if("0" == data.code) {
                                window.location.href = contextPath + data.page;
							} else {
                                $(".error").text(data.msg);
							}
                        }
                        return false;
                        // ]]>
                    },
                    error:function () {
                        $(".error").text("登录失败");
                    }
                });
                return false;
            });
        })
	</script>

</body>

</html>